<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 头部区域 -->
    <header>头部</header>

    <!-- 导航栏部分 -->
    <nav>导航部分</nav>

    <!-- 核心内容 -->
    <section>
        <!-- 页面独立的内容区域 -->
        <article>页面独立的内容区域</article>
    </section>

    <!-- 侧边栏 -->
    <aside>侧边栏</aside>
    
    <!-- 页脚 -->
    <footer>页脚</footer>
    
    <!-- 插入图片 -->
    <figure>
        <!-- 添加标题 -->
        <figcaption>渐变图片</figcaption>
        <img src="img/渐变图片.png" alt="">
    </figure>
    <p><time>2021/5/10 10:12:12</time></p>
</body>
</html>